<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	template="/pages/templates/template.xhtml">
	<ui:define name="metadata">
		<f:metadata>
			<f:viewParam name="id" value="#{EventoBean.id}" />
			<f:event type="preRenderView" listener="#{EventoBean.init}" />
		</f:metadata>
	</ui:define>
	<ui:define name="content">
		<h:form id="formGrupo">
			<div>
				<div class="div-titulo-tela">
					<p:outputLabel styleClass="titulo-tela">Evento</p:outputLabel>
					<br /> <br />
					<p:separator></p:separator>
					<div class="div-titulo-botoes">
						<p:commandButton value="Novo"
							actionListener="#{EventoBean.doNovo}" />

						<p:commandButton value="Lista"
							actionListener="#{EventoBean.doListar}" />

						<p:commandButton value="Salvar" ajax="true"
							update="formGrupo" actionListener="#{EventoBean.doSalvar}" />

					</div>
				</div>
				<div>
					<div class="div-corpo-tela">
						<div class="div-mensagem">
							<p:messages id="messages" autoUpdate="true" closable="true" />
						</div>

						<p:outputPanel id="tbGeral" title="Geral">
							<h:panelGrid columns="2" cellpadding="10" styleClass="tabGeral">
								<p:outputLabel styleClass="label"
									rendered="#{EventoBean.privado}">Grupo: </p:outputLabel>
								<h:selectOneMenu id="grupo" label="Grupo"
									value="#{EventoBean.grupoID}" rendered="#{EventoBean.privado}">
									<f:selectItem itemLabel="Selecione..." itemValue="" />
									<f:selectItems value="#{EventoBean.grupos}" itemValue="#{g.id}"
										itemLabel="#{g.grupo}" var="g" />
								</h:selectOneMenu>
								<p:outputLabel styleClass="label">Titulo: </p:outputLabel>
								<p:inputText styleClass="campo"
									value="#{EventoBean.evento.titulo}" />
								<p:outputLabel styleClass="label">Mensagem: </p:outputLabel>
								<p:inputTextarea styleClass="campoObs"
									value="#{EventoBean.evento.mensagem}"></p:inputTextarea>
								<p:outputLabel styleClass="label">Data/Hora: </p:outputLabel>
								<p:calendar styleClass="campo"
									value="#{EventoBean.evento.dthEvento}"
									pattern="dd/MM/yyyy HH:mm" locale="pt" timeZone="GMT-03:00" />
								<p:outputLabel styleClass="label">Ínicio da Publicação (Qtd dias antes) : </p:outputLabel>
								<h:panelGrid columns="1">
									<p:inputText styleClass="campo" id="qtdAlertas"
										value="#{EventoBean.evento.qtdAlertas}" />
									<p:slider for="qtdAlertas" />
								</h:panelGrid>
							</h:panelGrid>
						</p:outputPanel>

					</div>
				</div>
			</div>
		</h:form>
		<script type="text/javascript">
			PrimeFaces.locales['pt'] = {
			            closeText: 'Fechar',
			            prevText: 'Anterior',
			            nextText: 'Próximo',
			            currentText: 'Começo',
			            monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
			            monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun', 'Jul','Ago','Set','Out','Nov','Des'],
			            dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado'],
			            dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'],
			            dayNamesMin: ['D','S','T','Q','Q','S','S'],
			            weekHeader: 'Semana',
			            firstDay: 1,
			            isRTL: false,
			            showMonthAfterYear: false,
			            yearSuffix: '',
			            timeOnlyTitle: 'Só Horas',
			            timeText: 'Tempo',
			            hourText: 'Hora',
			            minuteText: 'Minuto',
			            secondText: 'Segundo',
			            currentText: 'Data Atual',
			            ampm: false,
			            month: 'Mês',
			            week: 'Semana',
			            day: 'Dia',
			            allDayText : 'Todo Dia'
			        };
		</script>
	</ui:define>
</ui:composition>

